<template>
  <!-- 客户列表 -->
  <el-table
    ref="errorTable"
    :data="errorList"
    :default-sort="{ prop: 'time', order: 'ascending' }"
    border
  >
    <el-table-column :label="'异常客户列表'" align="center">
      <el-table-column label="公司名称" width="150" align="center">
        <template slot-scope="scope">
          <p>{{ scope.row.companyName }}</p>
        </template>
      </el-table-column>
      <!-- <el-table-column
        label="时间"
        align="center"
        prop="time"
        sortable
        width="100"
      >
        <template slot-scope="scope">
          <p :class="color[scope.row.time == null]">
            {{ scope.row.time || "错误：没有时间" }}
          </p>
        </template>
      </el-table-column> -->

      <el-table-column
        label="省份"
        align="center"
        prop="time"
        sortable
        width="100"
      >
        <template slot-scope="scope">
          <p :class="color[scope.row.areaName == null]">
            {{ scope.row.areaName || "错误：没有省份" }}
          </p>
        </template>
      </el-table-column>

      <el-table-column label="地址" align="left">
        <template slot-scope="scope">
          <div style="display: flex; align-items: center">
            <el-tag
              type="danger"
              style="margin-left: 5px; margin-right: 10px"
              v-if="scope.row.adressStatus === 1"
              >错误</el-tag
            >
            <div :class="color[scope.row.companyAddress == null]">
              {{ scope.row.companyAddress || "错误：没有地址" }}
            </div>
          </div>
        </template>
      </el-table-column>
      <el-table-column label="指派人员" width="100" align="center">
        <template slot-scope="scope">
          <p>{{ scope.row.userName }}</p>
        </template>
      </el-table-column>
    </el-table-column>
  </el-table>
</template>
<script>
import { getErrorListByRequest } from '../../../../api/dispatch';

export default {
  data() {
    return {
      color: {
        true: "error",
        false: ""
      },

      errorData: [],
    };
  },
  props: {
    errorList: {
      type: Array,
      default: [],
    },
  },



  methods: {
    /**
     * 错误列表
     */
  }
};
</script>
<style scoped>
@import url("../../../../assets/css/status.css");
</style>